<template>
  <view class="min-h-screen bg-gray-50 pb-8">
    <healthCard />
    <!-- <part01 /> -->
    <draw />
    <!-- <role /> -->
    <cir />
    <part1 />
    <part2 />
    <part3 />
    <part4 />
    <part5 :hasPrice="false" />

    <!-- 手动记录数据弹出框 -->
    <record />
  </view>
</template>

<script setup lang="ts">
import Taro from '@tarojs/taro'
import part01 from './components/part01.vue'
import part1 from './components/part1.vue'
import part2 from './components/part2.vue'
import part3 from './components/part3.vue'
import part4 from './components/part4.vue'
import draw from './components/draw.vue'
// import role from './components/role.vue'
import cir from './components/cir.vue'

import healthCard from '@/pages/index/components/healthCard.vue'
import part5 from '@/package/goodsdetail/part5.vue'
import record from './record.vue'

/**
 * 健康监测页面
 *
 * @description 显示医院信息、常规检查项目和各项健康指标
 * @author AI Assistant
 * @date 2024
 *
 * @features
 * - 医院信息展示
 * - 健康指标监测
 * - 状态标签分类
 * - 手动记录数据弹出框
 * - 响应式设计，适配750rpx设计稿
 * - 使用 NutUI 组件库和 UnoCSS 原子类
 */

// 页面配置
// definePageConfig({
//   navigationBarTitleText: '健康监测',
//   navigationBarBackgroundColor: '#ffffff',
//   navigationBarTextStyle: 'black',
// })

// 跳转到手动记录数据页面
// const navigateToRecord = () => {
//   Taro.navigateTo({
//     url: '/pages/health/record',
//   })
// }
</script>


